<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>貼文頁面</title>
<link rel="stylesheet" href="../css/newspaper/jquery-ui-1.10.4.custom.css">
<link rel="stylesheet" href="../css/post.css">
	
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>
<script src="../js/jquery.elastic.source.js"></script>

<script>
	$(function() {
		$(".buttonClass").button();
		$(document).tooltip();
		$( ".elastic" ).elastic();
		$("#opennewpost").click(function() {
			window.parent.parent.parent.parent.$('#newpost').dialog('open');
		});
		$(".newreport").click(function() {
			window.parent.parent.parent.parent.$('#newreport').dialog('open');
		});
		$(".newwarning").click(function() {
			window.parent.parent.parent.parent.$('#newwarning').dialog('open');
		});
		$(".outblockspand").click(function() {
			var src = ($(this).children().attr("src") === "../images/post-arrow-down.png") ? "../images/post-arrow-up.png"  : "../images/post-arrow-down.png";
			$(this).parent().children(".outblock").toggleClass("outblock2", {duration: 300});
			$(this).children().attr("src", src);
			return false;
		});
		$(".delete").click(function() {
			window.parent.parent.parent.parent.$('#deleteconfirm').dialog('open');
		});
		$(".edit").click(function() {
			window.parent.parent.parent.parent.$('#editpost').dialog('open');
		});
		$(".liketext").click(function() {
			window.parent.parent.parent.parent.$('#wholike').dialog('open');
		});
	});
</script>

</head>

<body style="padding-top: 6px;">

	<div class="searchbar">
<input id="search" type="text" name="search" placeholder="搜尋 作者 或 內容"
				class="text ui-widget-content ui-corner-all searchbartext"><a href="#"><img src="../images/search.png" width="18" height="18" class="searchicon"></a></div>

<a href="#" id="opennewpost" class="buttonClass">新貼文</a>

	<div class="scroll" style="width: 700px;">
	<div class="outoutblock">
	<a href="#" class="outblockspand"><img src="../images/post-arrow-down.png" class="spandarrow"></a>
	<div class="outblock">
	<div class="block">
	<div class="manyicon">
	<a href="#" class="iconinvisible like" title="按個「讚」！"><img src="../images/like.png"></a>
	<a href="#" class="iconinvisible favorite" title="將這則貼文加入最愛"><img src="../images/favorite.png"></a>
	<a href="#" class="iconinvisible edit" title="編輯這則貼文"><img src="../images/edit.png"></a>
	<a href="#" class="iconinvisible delete" title="刪除這則貼文"><img src="../images/delete.png"></a>
	<a href="#" class="newreport iconinvisible" title="檢舉這則貼文"><img src="../images/report.png"></a>
	<a href="#" class="newwarning iconinvisible" title="發送警告"><img src="../images/warn.png"></a>
	</div>
	<div class="likeblock">
	<a href="#" onclick="return false;" class="liketext" title="看看有誰按讚">13952</a>
	<img src="../images/like_arrow.png" style="opacity: 0.4; filter: alpha(opacity = 40); ">
	</div>
	<a href="#" onclick="return false;" style="text-decoration: none;"><img src="../images/cat1.jpg" class="memberphoto"><span class="membername">簡小芳</span></a><br/>
	<div class="postcontent">
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	</div>
	</div>
	<div class="iwanttorespond">
	<textarea cols="52" rows="1" placeholder="我要留言"
		class="respondtextarea elastic text ui-widget-content ui-corner-all"></textarea><a href="#" class="buttonClass summitresponse">送出</a>
		<br/>
	</div>
	<div class="responseblock" id="response01">
	<a href="#" onclick="return false;" style="text-decoration: none;"><img src="../images/cat1.jpg" class="responsememberphoto"><span class="responsemembername">簡小芳</span></a>
	<span class="responsecontent">LALALALA</span>
	<a href="#" class="iconinvisible deleteresponse"><img src="../images/delete.png"></a>
	</div>
	<div class="responseblock" id="response02">
	<a href="#" onclick="return false;" style="text-decoration: none;"><img src="../images/cat1.jpg" class="responsememberphoto"><span class="responsemembername">簡小芳</span></a>
	<span class="responsecontent">LALALALA</span>
	<a href="#" class="iconinvisible deleteresponse"><img src="../images/delete.png"></a>
	</div>
	</div>
	</div>
	</div>

</body>
</html>